<template lang="">
    <div>
        <h1>孙子</h1>
        <!-- $attrs 放的是爷爷给的数据 -->
        <h2>爷爷给的---{{ $attrs['grandpa-msg'] }}</h2>
        <button @click="send">孝敬爷爷</button>
        <!-- 子组件直接获取父元素的变量 -->
        <h2>儿子直接拿爸爸的{{$parent.money}}</h2>
    </div>
</template>

<script>
    export default {
        created(){
            console.log(this.$attrs);
        },
        data(){
            return {
                msg:"给爷爷买了个奥特曼"
            }
        },
        methods:{
            send(){
                // 孙传爷 和子传父发送方法一样
                this.$emit("sun", this.msg)
            }
        },
    }
</script>

<style lang="scss" scoped>

</style>